<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>添加用户</title>
    <script type="text/javascript" src="./../../../static/js/include/_include-css.js"></script>

</head>

<body class="bg-white">
    <div class="wrapper">
        <div class="wrapper-content">
            <form class="form-horizontal m10" id="form-user-add">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required">用户名称：</label>
                            <div class="col-sm-8">
                                <input class="form-control required" type="text" name="nickname" id="nickname"
                                       placeholder="请输入用户名称"
                                       data-msg="请输入用户名称">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required">登录帐号：</label>
                            <div class="col-sm-8">
                                <input class="form-control required" type="text" name="username" id="username"
                                       placeholder="请输入登录帐号">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required">登录密码：</label>
                            <div class="col-sm-8">
                                <div class="input-group">
        
                                    <input class="form-control required" type="password" name="password" id="password"
                                           placeholder="请输入登录密码"
                                           autocomplete="new-password">
                                    <div class="input-group-addon " data-toggle="tooltip" data-trigger="hover"
                                         data-placement="bottom"
                                         title="密码由8至20位大写字母、小写字母和数字组成。"><i
                                                class="fa fa-question-circle-o"></i></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
        
        
                        <div class="form-group">
                            <label class="col-sm-4 control-label">手机号码：</label>
                            <div class="col-sm-8">
                                <input class="form-control" type="text" name="mobile" id="mobile" placeholder="请输入手机号码">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">邮箱：</label>
                            <div class="col-sm-8">
                                <input class="form-control" type="text" name="email" id="email" placeholder="请输入邮箱地址">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required">用户状态：</label>
                            <div class="col-sm-8">
                                <label class="toggle-switch">
                                    <input type="checkbox" id="state" value="1" checked>
                                    <span></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">备注：</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" rows="3" name="remark" id="remark"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-header">角色授权</div>
        
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">角色信息：</label>
                            <div class="col-sm-10">
                                <div class="checkbox col-xs-3">
                                    <label>
                                        <input type="checkbox" value="1">超级管理员
                                    </label>
                                </div>
                                <div class="checkbox col-xs-3">
                                    <label>
                                        <input type="checkbox" value="1">用户管理角色
                                    </label>
                                </div>
                                <div class="checkbox col-xs-3">
                                    <label>
                                        <input type="checkbox" value="1">系统管理角色
                                    </label>
                                </div>
                                <div class="checkbox col-xs-3">
                                    <label>
                                        <input type="checkbox" value="1">部门助理角色
                                    </label>
                                </div>
                                <div class="checkbox col-xs-3">
                                    <label>
                                        <input type="checkbox" value="1">部门经理角色
                                    </label>
                                </div>
                                <div class="checkbox col-xs-3">
                                    <label>
                                        <input type="checkbox" value="1">绩效考核角色
                                    </label>
                                </div>
                                <div class="checkbox col-xs-3">
                                    <label>
                                        <input type="checkbox" value="1">研发岗位角色
                                    </label>
                                </div>
                                <div class="checkbox col-xs-3">
                                    <label>
                                        <input type="checkbox" value="1">研发管理角色
                                    </label>
                                </div>
                                <div class="checkbox col-xs-3">
                                    <label>
                                        <input type="checkbox" value="1">测试管理角色
                                    </label>
                                </div>
                                <div class="checkbox col-xs-3">
                                    <label>
                                        <input type="checkbox" value="1">综合管理角色
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="./../../../static/js/include/_include-js.js"></script>

    
</body>

</html>